<template>
    <div class="app-container">
  
      <el-tabs v-model="activeName" v-if="showCard">
        <el-tab-pane label="仓库发料出库" name="first">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="发料日期">
              <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="出库人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="供货商">
              <el-input v-model="queryParams.supplier" placeholder="请输入供货商"></el-input>
            </el-form-item>
            <el-form-item label="发出仓库">
              <el-select v-model="queryParams.warehouse" placeholder="请选择发出仓库">
                <el-option label="全部" value=""></el-option>
                <el-option label="仓库1" value="1"></el-option>
                <el-option label="仓库2" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
            <el-form-item label="产品代号">
              <el-input v-model="queryParams.productCode" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item label="产品名称">
              <el-input v-model="queryParams.productName" placeholder="请输入产品名称"></el-input>
            </el-form-item>
            <el-form-item label="产品规格">
              <el-input v-model="queryParams.productSpec" placeholder="请输入产品规格"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :date="PurchaseDate">
            <el-table-column align="center" label="物料描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
              <el-table-column align="center" label="规格" />
              <el-table-column align="center" label="浮动比例%" />
              <el-table-column align="center" label="类型" />
              <el-table-column align="center" label="类别名称" />
              <el-table-column align="center" label="条形码" />
              <el-table-column align="center" label="转化率" />
            </el-table-column>
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="属性" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="批号" />
            <el-table-column align="center" label="货位" />
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="当前库存" />
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker type="daterange" v-model="queryParams.createDate" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                 <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
  
          </el-form>
  
        </el-tab-pane>
  
        <el-tab-pane label="采购退货出库单" name="second">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="出库日期">
             <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="出库人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="币种">
              <el-select v-model="queryParams.currency" placeholder="请选择币种">
                <el-option label="人民币" value="1"></el-option>
                <el-option label="美元" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="供应单位">
              <el-input v-model="queryParams.operator" placeholder="请输入供应单位"></el-input>
              <!-- <el-select v-model="queryParams.warehouse" placeholder="请选择出库仓库">
                <el-option label="全部" value=""></el-option>
                <el-option label="仓库1" value="1"></el-option>
                <el-option label="仓库2" value="2"></el-option>
              </el-select> -->
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
            <el-form-item label="汇率">
              <el-input v-model="queryParams.productCode" placeholder="请输入产品代号"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :date="PurchaseDate">
            <el-table-column align="center" label="物料描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
              <el-table-column align="center" label="规格" />
              <el-table-column align="center" label="转换率" />
            </el-table-column>
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="属性" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="批号" />
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="当前库存" />
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="单位" />
              <el-table-column align="center" label="良品" />
              <el-table-column align="center" label="单价" />
              <el-table-column align="center" label="含税价" />
              <el-table-column align="center" label="金额" />
            </el-table-column>
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker v-model="form.createDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                  <el-date-picker v-model="form.auditDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  
        </el-tab-pane>
  
        <el-tab-pane label="半成品出库单" name="third">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="出库日期">
             <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="出库人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="币种">
              <el-select v-model="queryParams.currency" @change="hand" placeholder="请选择币种">
                <el-option label="人民币" value="1"></el-option>
                <el-option label="美元" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="汇率">
              <el-input v-model="queryParams.rate" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item>
              <el-radio v-model="queryParams.radio" label="1">是否超单</el-radio>
              <el-radio v-model="queryParams.radio" label="2">是否已超单</el-radio>
            </el-form-item>
            <el-form-item label="部门">
              <el-select v-model="queryParams.department" placeholder="请选择部门"></el-select>
            </el-form-item>
            <el-form-item label="出库仓库">
              <el-select v-model="queryParams.warehouse" placeholder="请选择出库仓库">
                <el-option label="全部" value=""></el-option>
                <el-option label="仓库1" value="1"></el-option>
                <el-option label="仓库2" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="等级">
              <el-select v-model="queryParams.level" placeholder="请选择等级">
                <el-option label="全部" value=""></el-option>
                <el-option label="A" value="1"></el-option>
                <el-option label="B" value="2"></el-option>
                <el-option label="C" value="3"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :data="HalfOfPi">
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="产品描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
            </el-table-column>
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="参照数量" />
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="实际出库数量" />
            </el-table-column>
            <el-table-column align="center" label="员工">
              <el-table-column align="center" label="工号" />
              <el-table-column align="center" label="姓名" />
            </el-table-column>
            <el-table-column align="center" label="当前副单位库存" />
            <el-table-column align="center" label="当前库存" />
            <el-table-column align="center" label="副单位">
              <el-tablr-column align="center" label="数量" />
              <el-table-column align="center" label="单位" />
            </el-table-column>
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="单位" />
              <el-table-column align="center" label="短缺" />
              <el-table-column align="center" label="漏检" />
              <el-table-column align="center" label="加工价" />
            </el-table-column>
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker v-model="form.createDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                  <el-date-picker v-model="form.auditDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  
  
        </el-tab-pane>
  
        <el-tab-pane label="成品销售出库单" name="fourth">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="单据日期">
              <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="出库人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="币种">
              <el-select v-model="queryParams.currency" @change="hand" placeholder="请选择币种">
                <el-option label="人民币" value="1"></el-option>
                <el-option label="美元" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="汇率">
              <el-input v-model="queryParams.rate" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item label="收款方式">
              <el-select v-model="queryParams.currency" @change="hand" placeholder="请选择收款方式">
                <el-option label="网上银行" value="1"></el-option>
                <el-option label="线下交易" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item>
              <el-radio v-model="queryParams.radio" label="1">是否超单</el-radio>
              <el-radio v-model="queryParams.radio" label="2">是否已特批</el-radio>
            </el-form-item>
            <el-form-item label="发货客户">
              <el-select v-model="queryParams.department" placeholder="请输入发货客户"></el-select>
            </el-form-item>
            <el-form-item label="开票客户">
              <el-select v-model="queryParams.department" placeholder="请输入开票客户"></el-select>
            </el-form-item>
            <el-form-item label="发货地址">
              <el-select v-model="queryParams.department" placeholder="请输入发货地址"></el-select>
            </el-form-item>
            <el-form-item label="发出仓库">
              <el-select v-model="queryParams.warehouse" placeholder="请选择发出仓库">
                <el-option label="全部" value=""></el-option>
                <el-option label="仓库1" value="1"></el-option>
                <el-option label="仓库2" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :data="Product">
            <el-table-column align="center" label="产品描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
              <el-table-column align="center" label="规格" />
              <el-table-column align="center" label="浮动比例%" />
            </el-table-column>
            <el-table-column align="center" label="装箱数" />
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="属性" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="批号" />
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="当前库存" />
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="单位" />
              <el-table-column align="center" label="数量" />
              <el-table-column align="center" label="单价" />
              <el-table-column align="center" label="含税价" />
            </el-table-column>
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker v-model="form.createDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                  <el-date-picker v-model="form.auditDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  
  
        </el-tab-pane>
  
        <el-tab-pane label="销售退货出库单" name="fifth">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="退货日期">
            <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="退货人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="订单编号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入订单编号"></el-input>
            </el-form-item>
            <el-form-item label="币种">
              <el-select v-model="queryParams.currency" @change="hand" placeholder="请选择币种">
                <el-option label="人民币" value="1"></el-option>
                <el-option label="美元" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="汇率">
              <el-input v-model="queryParams.rate" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item>
              <el-radio v-model="queryParams.radio" label="1">是否超单</el-radio>
              <el-radio v-model="queryParams.radio" label="2">是否已特批</el-radio>
            </el-form-item>
            <el-form-item label="发货客户">
              <el-select v-model="queryParams.department" placeholder="请选择发货客户"></el-select>
            </el-form-item>
            <el-form-item label="开票客户">
              <el-input v-model="queryParams.warehouse" placeholder="请输入开票客户"></el-input>
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="退出仓库">
              <el-select v-model="queryParams.warehouse" placeholder="请选择退出仓库">
                <el-option label="全部" value=""></el-option>
                <el-option label="仓库1" value="1"></el-option>
                <el-option label="仓库2" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
            <el-form-item>
              <el-checkbox border v-model="checked">含税</el-checkbox>
            </el-form-item>
            <el-form-item label="产品代号">
              <el-input v-model="queryParams.productCode" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item label="产品名称">
              <el-input v-model="queryParams.productName" placeholder="请输入产品名称"></el-input>
            </el-form-item>
            <el-form-item label="产品规格">
              <el-input v-model="queryParams.productSpec" placeholder="请输入产品规格"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :data="SaleReturn">
            <el-table-column align="center" label="产品描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
              <el-table-column align="center" label="规格" />
            </el-table-column>
            <el-table-column align="center" label="装箱数" />
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="属性" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="批号" />
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="当前库存" />
            <el-table-column align="center" label="当前副单位库存" />
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="单位" />
              <el-table-column align="center" label="数量" />
              <el-table-column align="center" label="单价" />
              <el-table-column align="center" label="含税价" />
              <el-table-column align="center" label="金额" />
            </el-table-column>
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker v-model="form.createDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                  <el-date-picker v-model="form.auditDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  
  
        </el-tab-pane>
  
        <el-tab-pane label="其他出库单" name="sixth">
          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="单据日期">
              <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至" start-placeholder="开始日期"
          end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="仓库员">
              <el-input v-model="queryParams.staff" placeholder="请输出仓库员"></el-input>
            </el-form-item>
            <el-form-item label="出库人">
              <el-input v-model="queryParams.operator" placeholder="请输入出库人"></el-input>
            </el-form-item>
            <el-form-item label="币种">
              <el-select v-model="queryParams.currency" @change="hand" placeholder="请选择币种">
                <el-option label="人民币" value="1"></el-option>
                <el-option label="美元" value="2"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="汇率">
              <el-input v-model="queryParams.rate" placeholder="请输入产品代号"></el-input>
            </el-form-item>
            <el-form-item>
              <el-radio v-model="queryParams.radio" label="1">是否超单</el-radio>
              <el-radio v-model="queryParams.radio" label="2">是否已特批</el-radio>
            </el-form-item>
            <el-form-item label="部门">
              <el-select v-model="queryParams.department" placeholder="请选择部门"></el-select>
            </el-form-item>
            <el-form-item label="对应单号">
              <el-input v-model="queryParams.orderNo" placeholder="请输入对应单号"></el-input>
            </el-form-item>
            <el-form-item label="备注">
              <el-input v-model="queryParams.remark" placeholder="请输入备注"></el-input>
            </el-form-item>
  
            <el-form-item>
              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
  
          </el-form>
  
          <el-table :data="Other">
            <el-table-column align="center" label="物品描述">
              <el-table-column align="center" label="代号" />
              <el-table-column align="center" label="名称" />
              <el-table-column align="center" label="规格" />
            </el-table-column>
            <el-table-column align="center" label="装箱数" />
            <el-table-column align="center" label="颜色" />
            <el-table-column align="center" label="工序" />
            <el-table-column align="center" label="属性" />
            <el-table-column align="center" label="合同号" />
            <el-table-column align="center" label="仓库" />
            <el-table-column align="center" label="当前库存" />
            <el-table-column align="center" label="当前副单位库存" />
            <el-table-column align="center" label="主单位">
              <el-table-column align="center" label="单位" />
              <el-table-column align="center" label="数量" />
              <el-table-column align="center" label="单价" />
              <el-table-column align="center" label="含税价" />
              <el-table-column align="center" label="金额" />
            </el-table-column>
          </el-table>
  
          <el-form :model="form" ref="form" style="margin-top: 20px;" label-width="80px">
            <el-row :gutter="20">
              <el-col :span="5">
                <el-form-item label="制单人">
                  <el-input v-model="form.staff" placeholder="请输入制单人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账日期">
                  <el-date-picker v-model="form.date" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="记账人">
                  <el-input v-model="form.accountant" placeholder="请输入记账人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="修改日期">
                  <el-date-picker v-model="form.modifyDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="修改人">
                  <el-input v-model="form.modifier" placeholder="请输入修改人"></el-input>
                </el-form-item>
              </el-col>
  
              <el-col :span="5">
                <el-form-item label="制单日期">
                  <el-date-picker v-model="form.createDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核日期">
                  <el-date-picker v-model="form.auditDate" style="width: 150px;" type="date"
                    placeholder="选择日期"></el-date-picker>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核人">
                  <el-input v-model="form.auditor" placeholder="请输入审核人"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="5">
                <el-form-item label="审核信息">
                  <el-input v-model="form.auditInfo" placeholder="请输入审核信息"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="4">
                <el-form-item label="审核级别">
                  <el-select v-model="form.auditLevel" placeholder="请选择审核级别">
                    <el-option label="A" value="1"></el-option>
                    <el-option label="B" value="2"></el-option>
                    <el-option label="C" value="3"></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  
  
        </el-tab-pane>
      </el-tabs>
  
  
  
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        radio: 1,
        checked: 1,
        activeName: 'first',
        showCard: true,
        showSearch: true,
        queryParams: {
          date: ''
        },
        SaleReturn: [],
        Other: [],
        form: {
          staff: '',
          date: '',
          accountant: '',
          modifier: '',
          createDate: '',
          auditDate: '',
          auditor: '',
          auditInfo: '',
          auditLevel: ''
        }
      }
    },
    methods: {
      hand() {
        this.queryParams.rate = (this.queryParams.currency == 1) ? 1 : 7;
      },
    }
  }
  </script>
